<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<title>手机聊天界面</title>
    <link rel="stylesheet" href="css/sjd.css">

  
    
</head>

<body>
	<div class="phone_head">
		<div class="phone_head_pic">
        	<img src="images/1.jpg" alt="">
		</div>
		<div class="phone_head_name">
        	<p>侬农网科技客服</p>
		</div>
		<div class="phone_head_state">
        	<p>(在线)</p>
		</div>
	</div>
	<main class="main">
    	
    	<div class="layout">
    	<div class="talk_text" >
    		<div style="margin-bottom: 50px;">
    			<!--管理员talk-->
            
            <div class="admin">
	    		<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="talk_head">
	            	<img src="images/2.png" alt="">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看，我的目的只是要让他显示两行就可以了。感觉字数不够在加一点字数看看够不够两行。
	            	</div>
				</div>
			</div>
			
			<div class="user">
				<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="user_talk_head">
	            	<img src="images/3.jpg" alt="" class="radius">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看。
	            	</div>
				</div>
			</div>
			
			<div class="user">
				<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="user_talk_head">
	            	<img src="images/3.jpg" alt="" class="radius">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看。
	            	</div>
				</div>
			</div>
			<div class="admin">
	    		<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="talk_head">
	            	<img src="images/2.png" alt="">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看，我的目的只是要让他显示两行就可以了。感觉字数不够在加一点字数看看够不够两行。
	            	</div>
				</div>
			</div>
			<div class="admin">
	    		<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="talk_head">
	            	<img src="images/2.png" alt="">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看，我的目的只是要让他显示两行就可以了。感觉字数不够在加一点字数看看够不够两行。
	            	</div>
				</div>
			</div>
			<div class="admin">
	    		<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="talk_head">
	            	<img src="images/2.png" alt="">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看，我的目的只是要让他显示两行就可以了。感觉字数不够在加一点字数看看够不够两行。
	            	</div>
				</div>
			</div>
			<div class="admin">
	    		<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="talk_head">
	            	<img src="images/2.png" alt="">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看，我的目的只是要让他显示两行就可以了。感觉字数不够在加一点字数看看够不够两行。
	            	</div>
				</div>
			</div>
			<div class="admin">
	    		<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="talk_head">
	            	<img src="images/2.png" alt="">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看，我的目的只是要让他显示两行就可以了。感觉字数不够在加一点字数看看够不够两行。
	            	</div>
				</div>
			</div>
			<div class="admin">
	    		<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="talk_head">
	            	<img src="images/2.png" alt="">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看，我的目的只是要让他显示两行就可以了。感觉字数不够在加一点字数看看够不够两行。
	            	</div>
				</div>
			</div>
			<div class="admin">
	    		<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="talk_head">
	            	<img src="images/2.png" alt="">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看，我的目的只是要让他显示两行就可以了。感觉字数不够在加一点字数看看够不够两行。
	            	</div>
				</div>
			</div>
			<div class="admin">
	    		<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="talk_head">
	            	<img src="images/2.png" alt="">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看，我的目的只是要让他显示两行就可以了。感觉字数不够在加一点字数看看够不够两行。
	            	</div>
				</div>
			</div>
			<div class="admin">
	    		<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="talk_head">
	            	<img src="images/2.png" alt="">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看，我的目的只是要让他显示两行就可以了。感觉字数不够在加一点字数看看够不够两行。
	            	</div>
				</div>
			</div>
			<div class="admin">
	    		<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="talk_head">
	            	<img src="images/2.png" alt="">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看，我的目的只是要让他显示两行就可以了。感觉字数不够在加一点字数看看够不够两行。
	            	</div>
				</div>
			</div>
			<div class="admin">
	    		<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="talk_head">
	            	<img src="images/2.png" alt="">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看，我的目的只是要让他显示两行就可以了。感觉字数不够在加一点字数看看够不够两行。
	            	</div>
				</div>
			</div>
			<div class="admin">
	    		<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="talk_head">
	            	<img src="images/2.png" alt="">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看，我的目的只是要让他显示两行就可以了。感觉字数不够在加一点字数看看够不够两行。
	            	</div>
				</div>
			</div>
			<div class="admin">
	    		<div class="con">
	            	<p>14:48</p>
				</div>
				<div class="talk_head">
	            	<img src="images/2.png" alt="">
	            	<div class="text">
	            		这是第一句话，你可以看也可以不看，我的目的只是要让他显示两行就可以了。感觉字数不够在加一点字数看看够不够两
	            	</div>
				</div>
			</div>
    			
			</div>
            
    	</div>
    	</div>

	</main>
	<footer class="footer">
    	<textarea class="input_text"></textarea>
    	<div class="send">
        	<button>发送</button>  
    	</div>
	</footer>







</body>